<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" th:href="@{/css/app.css}">
</head>
<body>
<div id="calc" class="box">
    <div class="header">计算器</div>
    <div class="body">
        <input flg="arg" type="number" id="001">
        <span flg="op">&#43;</span>
        <input flg="arg" type="number" id="002">
        <span>&#61;</span>
        <input flg="val" type="number" id="003" disabled>
    </div>
</div>
<div id="joiner" class="box">
    <div class="header">字符连接</div>
    <div class="body">
        <input flg="txt" type="text" id="004">
        <span flg="op">&#43;</span>
        <input flg="txt" type="text" id="005">
        <span>&#61;</span>
        <input flg="val" type="text" id="006" disabled>
    </div>
</div>
<div class="box">
    <div class="header">聊天室</div>
    <div class="body">
        <div class="chat-board" id="007"></div>
        <div class="chat-typing">
            <div class="textarea" contenteditable="true"></div>
            <div class="btn-container">
                <input type="file" multiple hidden>
                <button onclick="$('input[type=file]').click()">选择图片</button>
                <button id="send">发送消息</button>
            </div>
        </div>
    </div>
</div>
</body>
<script th:src="@{/lib/jquery-3.6.0.min.js}"></script>
<script th:src="@{/js/util.js}"></script>
<script th:src="@{/js/app.js}"></script>
</html>